{include file='common/head'}

<div style="overflow-x: hidden;width: 96%;margin: auto;padding-top: 2rem;">
  <blockquote class="layui-elem-quote"><span>系统接口列表</span></blockquote>
  <div class="layui-form" style="margin-top: 0.5em">
    <table class="layui-table">
      <colgroup>
        <col width="150">
        <col width="150">
        <col width="200">
        <col>
      </colgroup>
      <thead>
        <tr>
          <th>接口编号</th>
          <th>接口名称</th>
          <th>接口key值</th>
          <!-- <th>接口所属公司</th> -->
        </tr> 
      </thead>
      <tbody>
        <tr>
          <td>1</td>
          <td>手机实名认证</td>
          <td>0fc16be865edc11c318246d92b8977bc</td>
          <!-- <td>聚合</td> -->
        </tr>
        <tr>
          <td>2</td>
          <td>身份证实名认证</td>
          <td>2ce56dc4f7145223f6e192d14e564efb</td>
          <!-- <td>聚合</td> -->
        </tr>
        <tr>
          <td>3</td>
          <td>手机号月消费档次</td>
          <td>529f3735399b3c1a4eb542176ce43ceb</td>
          <!-- <td>聚合</td> -->
        </tr>
        <tr>
          <td>4</td>
          <td>企业工商信息查询</td>
          <td>022786eb7a34d7197f7f71bd6535c028</td>
          <!-- <td>聚合</td> -->
        </tr>
        <tr>
          <td>5</td>
          <td>银行卡三要素认证</td>
          <td>JON20181107000000946</td>
          <!-- <td>大数据交易中心</td> -->
        </tr>
      </tbody>
    </table>
  </div>
 
</div>
    {include file='common/footer'}

<script src="/static/admin/jquery.js"></script>
<script type="text/javascript">

        function syntaxHighlight(json) {

            if (typeof json != 'string') {

                json = JSON.stringify(json, undefined, 2);

            }

            json = json.replace(/&/g, '&').replace(/</g, '<').replace(/>/g, '>');

            return json.replace(/("(\\u[a-zA-Z0-9]{4}|\\[^u]|[^\\"])*"(\s*:)?|\b(true|false|null)\b|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?)/g, function(match) {

                var cls = 'number';

                if (/^"/.test(match)) {

                    if (/:$/.test(match)) {

                        cls = 'key';

                    } else {

                     cls = 'string';

                    }

                } else if (/true|false/.test(match)) {

                    cls = 'boolean';

                } else if (/null/.test(match)) {

                    cls = 'null'; 

                }

                return '<span class="' + cls + '">' + match + '</span>';

            });

        }

    </script>
<script>
  $('.search').click(function(){
    var realname = $('.realname').val()
    var idcard = $('.idcard').val()
    var urltype = $('.urltype').attr('placeholder')
    var key = $('.key').text()
    $.ajax({
      url: '/admin/Phone/phoneList',
      dataType: 'json',
      type: 'post',
      // async:false,
      data: {'realname': realname, 'urltype': urltype,'idcard':idcard,'key':key},
      success: function (data){
          $('.response').html(syntaxHighlight(data));
      }
    });
  });
</script>
</body>
</html>